<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Vendor styles -->
    <link rel="stylesheet" href="../../static/css/material-design-iconic-font.min.css">
    <link rel="stylesheet" href="../../static/css/animate.min.css">
    <link rel="stylesheet" href="../../static/css/jquery.scrollbar.css">

    <!-- App styles -->
    <link rel="stylesheet" href="../../static/css/app.min.css">

    <!-- Javascript -->
    <script src="../../static/js/jquery.min.js"></script>
    <script src="../../static/js/popper.min.js"></script>
    <script src="../../static/js/bootstrap.min.js"></script>
    <script src="../../static/js/jquery.scrollbar.min.js"></script>
    <script src="../../static/js/jquery-scrollLock.min.js"></script>

    <!-- Data tables -->
    <script src="../../static/js/dataTables/jquery.dataTables.min.js"></script>
    <script src="../../static/js/dataTables/dataTables.buttons.min.js"></script>
    <script src="../../static/js/dataTables/buttons.print.min.js"></script>
    <script src="../../static/js/dataTables/jszip.min.js"></script>
    <script src="../../static/js/dataTables/buttons.html5.min.js"></script>

    <!-- layer -->
    <script src="../../static/js/layer/layer.js"></script>

    <!-- App functions and actions -->
    <script src="../../static/js/app.js"></script>
</head>

<body data-ma-theme="blue-grey">
<main class="main">
    <!--页面加载动画-->
    <!--<div class="page-loader">-->
    <!--<div class="page-loader__spinner">-->
    <!--&lt;!&ndash;<svg viewBox="25 25 50 50">&ndash;&gt;-->
    <!--&lt;!&ndash;<circle cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10"/>&ndash;&gt;-->
    <!--&lt;!&ndash;</svg>&ndash;&gt;-->
    <!--<i class="zmdi zmdi-spinner zmdi-hc-4x zmdi-hc-spin"></i>-->
    <!--</div>-->
    <!--</div>-->

    <!--页面头-->
    <header class="header">
        <div class="navigation-trigger hidden-xl-up" data-ma-action="aside-open" data-ma-target=".sidebar">
            <div class="navigation-trigger__inner">
                <i class="navigation-trigger__line"></i>
                <i class="navigation-trigger__line"></i>
                <i class="navigation-trigger__line"></i>
            </div>
        </div>

        <div class="header__logo hidden-sm-down">
            <h1><a href="javascript:void(0)">苏州电信智慧物联网管理平台</a></h1>
        </div>

        <!--<form class="search">-->
        <!--<div class="search__inner">-->
        <!--<input type="text" class="search__text" placeholder="搜索">-->
        <!--<i class="zmdi zmdi-search search__helper" data-ma-action="search-close"></i>-->
        <!--</div>-->
        <!--</form>-->

        <ul class="top-nav">
            <!--<li class="hidden-xl-up"><a href="" data-ma-action="search-open"><i class="zmdi zmdi-search"></i></a></li>-->
            <li class="hidden-xs-down">
                <a href="../index/login.html" title="安全退出">
                    <i class="zmdi zmdi-power"></i>
                </a>
            </li>
            <li class="hidden-xs-down">
                <a title="全屏">
                    <i class="zmdi zmdi-fullscreen" data-ma-action="fullscreen"></i>
                </a>
            </li>
            <li class="dropdown hidden-xs-down">
                <a href="javascript:void(0);" data-toggle="dropdown" title="选择主题"><i
                        class="zmdi zmdi-more-vert"></i></a>

                <div class="dropdown-menu dropdown-menu-right">
                    <a data-layer-url="../index/threshold.html" data-layer-title="阈值设置"
                       href="javascript:void(0);" class="dropdown-item">
                        阈值设置
                    </a>
                    <div class="dropdown-item theme-switch">
                        选择主题
                        <div class="btn-group btn-group-toggle btn-group--colors" data-toggle="buttons">
                            <label class="btn bg-green"><input type="radio" value="green" autocomplete="off"></label>
                            <label class="btn bg-blue"><input type="radio" value="blue" autocomplete="off"></label>
                            <label class="btn bg-red"><input type="radio" value="red" autocomplete="off"></label>
                            <label class="btn bg-orange"><input type="radio" value="orange" autocomplete="off"></label>
                            <label class="btn bg-teal"><input type="radio" value="teal" autocomplete="off"></label>
                            <div class="clearfix mt-2"></div>
                            <label class="btn bg-cyan"><input type="radio" value="cyan" autocomplete="off"></label>
                            <label class="btn bg-blue-grey active"><input checked type="radio" value="blue-grey"
                                                                          autocomplete="off"></label>
                            <label class="btn bg-purple"><input type="radio" value="purple" autocomplete="off"></label>
                            <label class="btn bg-indigo"><input type="radio" value="indigo" autocomplete="off"></label>
                            <label class="btn bg-brown"><input type="radio" value="brown" autocomplete="off"></label>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </header>

    <aside class="sidebar">
        <div class="scrollbar-inner">
            <ul class="navigation">
                <li><a href="../index/index.html"><i class="zmdi zmdi-home"></i> 首页</a></li>
                <li class="navigation__sub">
                    <a href="javascript:void(0);"><i class="zmdi zmdi-assignment-account"></i> 用户管理</a>
                    <ul>
                        <li><a href="../user/list.html"> 用户列表</a></li>
                        <li><a href="../user/group.html"> 用户分组</a></li>
                    </ul>
                </li>
                <li class="navigation__sub navigation__sub--active navigation__sub--toggled">
                    <a href="javascript:void(0);"><i class="zmdi zmdi-device-hub"></i> 设备管理</a>
                    <ul>
                        <li><a href="../device/list.html"> 设备列表</a></li>
                        <li class="navigation__active"><a href="../device/group.html"> 设备分组</a></li>
                    </ul>
                </li>
                <li class="navigation__sub">
                    <a href="javascript:void(0);"><i class="zmdi zmdi-phone-ring"></i> 报警监控</a>
                    <ul>
                        <li><a href="../alarm/list.html"> 报警通知</a></li>
                        <li><a href="../alarm/history.html"> 监控追溯</a></li>
                    </ul>
                </li>
                <li class="navigation__sub">
                    <a href="javascript:void(0);"><i class="zmdi zmdi-file-text"></i> 日志</a>
                    <ul>
                        <li><a href="../log/operate.html"> 操作日志</a></li>
                        <li><a href="../log/alarm.html"> 告警日志</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </aside>

    <section class="content">
        <div class="content__inner">

            <!--内容头信息-->
            <!--<header class="content__title">-->
            <!--<h1>内容标题</h1>-->
            <!--<small>副标题</small>-->
            <!--<div class="actions">-->
            <!---->
            <!--</div>-->
            <!--</header>-->

            <!--内容-->
            <div class="card">


                <div class="card-body">
                    <div class="row">
                        <div class="col-sm-12">
                            <button data-layer-url="group_edit.html" data-layer-title="添加组"
                                    class="btn btn-primary btn--icon-text"><i class="zmdi zmdi-plus"></i>添加
                            </button>
                        </div>
                    </div>
                    <div class="table-responsive">
                        <table id="data-table" class="table table-hover">
                            <thead class="thead-default">
                            <tr>
                                <!--<th>ID</th>-->
                                <th>组名称</th>
                                <th>包含设备</th>
                                <th>创建者</th>
                                <th>修改日期</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <!--<th>1</th>-->
                                <td>测试一组</td>
                                <td>
                                    <a data-layer-url="group_members.html" data-layer-title="查看/修改"
                                       href="javascript:void(0);">查看/修改</a>
                                </td>
                                <td>张三</td>
                                <td>2014年9月3日 7:28:47</td>
                                <td>
                                    <button data-layer-url="alarm.html" data-layer-title="告警设置"
                                            class="btn btn-warning btn-sm">告警设置
                                    </button>&nbsp;
                                    <button data-layer-url="group_edit.html" data-layer-title="编辑组"
                                            class="btn btn-info btn-sm">编辑
                                    </button>
                                    <button class="btn btn-danger btn-sm">删除</button>
                                </td>
                            </tr>
                            <tr>
                                <!--<th>1</th>-->
                                <td>测试二组</td>
                                <td>
                                    <a data-layer-url="group_members.html" data-layer-title="查看/修改"
                                       href="javascript:void(0);">查看/修改</a></td>
                                <td>张三</td>
                                <td>2014年9月3日 7:28:47</td>
                                <td>
                                    <button data-layer-url="alarm.html" data-layer-title="告警设置"
                                            class="btn btn-warning btn-sm">告警设置
                                    </button>&nbsp;
                                    <button data-layer-url="group_edit.html" data-layer-title="编辑组"
                                            class="btn btn-info btn-sm">编辑
                                    </button>
                                    <button class="btn btn-danger btn-sm">删除</button>
                                </td>
                            </tr>
                            <tr>
                                <!--<th>1</th>-->
                                <td>测试三组</td>
                                <td>
                                    <a data-layer-url="group_members.html" data-layer-title="查看/修改"
                                       href="javascript:void(0);">查看/修改</a></td>
                                <td>李四</td>
                                <td>2014年9月3日 7:28:47</td>
                                <td>
                                    <button data-layer-url="alarm.html" data-layer-title="告警设置"
                                            class="btn btn-warning btn-sm">告警设置
                                    </button>&nbsp;
                                    <button data-layer-url="group_edit.html" data-layer-title="编辑组"
                                            class="btn btn-info btn-sm">编辑
                                    </button>
                                    <button class="btn btn-danger btn-sm">删除</button>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>

            </div>

            <footer class="footer hidden-xs-down">
                <p>欢迎使用苏州电信智慧物联网管理平台</p>
                <ul class="nav footer__nav">
                    <a class="nav-link" href="http://www.miibeian.gov.cn" target="_blank">苏ICP备10010099号-64</a>
                    <a class="nav-link" href="javascript:void(0);">© 江苏鸿信系统集成有限公司版权所有</a>
                </ul>
            </footer>
        </div>
    </section>
</main>

<!-- Older IE warning message -->
<!--[if IE]>
<div class="ie-warning">
    <h1>Warning!!</h1>
    <p>You are using an outdated version of Internet Explorer, please upgrade to any of the following web browsers to
        access this website.</p>
    <p>Sorry for the inconvenience!</p>
</div>
<![endif]-->

</body>
</html>